<template>
  <div class="bullTalk">
    	<img class="label" src="../assets/img/niurenyanlun@2x.png" />
    	<img class="close" src="../assets/img/butuisong@2x.png" />
    	<div class="bullTalk_con">
    		<div class="touxiang">
    			<img src="../assets/img/touxiangBG@2x.png"/>
    		</div>
    		<div class="info">
    			<div class="info_name">
	    			 <span class="v_name">再不住手我就动手</span>
	    			 <img class="v_logo" src="../assets/img/vip@2x.png"/>
    			 </div>
    			 <p class='info_con'>A股公式有所放缓，近期的大盘持续震荡使泸...</p>
    			 <span class='go_other'>
    			 	 瞧瞧去 >
    			 </span>
    		</div>
    	</div>
      <slot></slot>
  </div>
</template>

<script>
import BottomBar from './common/BottomBar'
import MomentMixin from './MomentMixin'

export default {
  name: 'bullTalk',
  components: {
    BottomBar
  },
  mixins: [MomentMixin],
  computed: {
    date () {
      return '2017/5/22 14:23'
    },
    clickNum () {
      return '222'
    },
    loveNum () {
      return '453'
    }
  }
}
</script>

<style lang="less" scoped>
@import "./common/mixins.less";

.bullTalk {
  .moment;
  position:relative;
  .label {
    position: absolute;
    left: -2px;
    top: 5px;
    width: 27px;
    height: 118px;
  }
  .close {
  	position:absolute;
  	right: 4px;
  	top: 0px;
  	width: 34px;
  	height: 24px;
  }
}
.bullTalk_con {
	height: 143px;
	width: 100%;
	padding: 35px 55px 0 41px;
	box-sizing: border-box;
	display: flex;
	flex: 1;
	text-align: left;
}
.touxiang {
	width: 58px;
	height: 58px;
	margin-right: 17px;
	img{
		display: block;
		width: 58px;
	  height: 58px;
	}
}

.info_con {
	.info_con_font;
	color: #777777;
	margin-bottom: 10px;
}

.go_other {
	.go_other_font;
}
</style>
